<template>
  <div class="gateway-footer">
    <div class="footer-logo">
      <img src="@/assets/image/gateway/botlogo.png" alt="" class="logo-img">
    </div>
    <div class="footer-menu">
      <div class="menu-list">

        <div class="menu-item">首页</div>
        <div class="menu-item">就业实习</div>
        <div class="menu-item">团委管理</div>

        <div class="menu-item">消防管理</div>
        <div class="menu-item">资助情况</div>
        <div class="menu-item">职业技能</div>
        <div class="menu-item">学校食堂</div>

      </div>
      <div class="footer-text">Copyright ©1993-2024 黑龙江省高级技工学校版权所有 备案号：正在申请中</div>

    </div>
  </div>
</template>

<script>
  export default {
    name: 'gateway-footer',
    components: {

    },
    methods: {

    }
  }
</script>

<style lang="scss" scoped>
  .gateway-footer {
    padding: 25px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F7F7F7;
    .footer-logo {
      padding-right: 41px;
      height: 151px;
      border-right: 1px solid #d0c6c6;
      display: flex;
      align-items: center;
      margin-right: 20px;

      .logo-img {}
    }

    .footer-menu {
      display: flex;
      flex-direction: column;
      align-items: center;
      .menu-list {
        display: flex;
        align-items: center;

        .menu-item {
          font-weight: 400;
          font-size: 14px;
          color: #666666;
          padding: 0 20px;
          border-right: 2px solid #666666;
        }
      }

      .footer-text {
        margin-top: 41px;
        font-weight: 400;
        font-size: 12px;
        color: #666666;
      }
    }
  }
</style>
